<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html lang="en" class="app">
<head>
<%@include file="/common/common.jspf"%>
	<style>

		.box1{
			position: relative;
			top: 8px;
			left: 18px;
		}

	</style>
<script type="text/javascript">
	$(function() {
		var winwidth = $("body").width();
		if (winwidth < 770) {
			$("#nav ul.lt li").click(function() {
				$("#nav").removeClass("nav-off-screen");
			});
		}
		//---------修改人赵雷完毕----------
		var tb = $("#loadhtml");
		tb.html(CommnUtil.loadingImg());
		tb.load(rootPath + "/welcome.jsp");
		$("[nav-n]").each(
				function() {
					$(this).bind(
							"click",
							function() {
								var nav = $(this).attr("nav-n");
								var sn = nav.split(",");
								var html = '<li><i class="fa fa-home"></i>';
								html += '<a href="index.shtml">Home</a></li>';
								for (var i = 0; i < 2; i++) {
									html += '<li><a href="javascript:void(0)">'
											+ sn[i] + '</a></li>';
								}
								$("#topli").html(html);
								var tb = $("#loadhtml");
								tb.html(CommnUtil.loadingImg());
								tb.load(rootPath + sn[2]);
							});
				});
		setInterval("getScoreInfo()", 5000);

        var oldColor = "";
        $(".change").mouseover(function () {
            oldColor = $(this).css("background-color");
            $(this).css("background-color","#898989");
        }).mouseout(function () {
            $(this).css("background-color",oldColor);
        });
        //记录当前
	});
	//点击学生信息导入openLayer

	//点击帮助openHelpLayer

	// 点击工厂主数据导入 弹出框

</script>
</head>
<body class="" style="">
	<section class="vbox">
		<header class="bg-dark dk header navbar navbar-fixed-top-xs" style="background-color: white">
			<div class="navbar-header aside-md" style="background-color: #367be9">
                <div>
					<div class="col-xs-10">
						<div class="col-md-6">
							<%--<img src="${ctx}/images/lg.jpg" style="width: 80px;height: 40px;">--%>
						</div>
						<div class="box1">
							<span style="color: white;font-size: 19px">智慧工厂</span>
						</div>


					</div>
					</div>
				<a href="index.shtml#" class="navbar-brand"
					data-toggle="fullscreen"><font style="font-size: 12px;"></font></a>
				<a class="btn btn-link visible-xs" data-toggle="dropdown"
					data-target=".nav-user"> <i class="fa fa-cog"></i>
				</a>
			</div>
			<span class="glyphicon icon-checkmark" style="margin: 0px 4px; float: right ">
				<ul id="score_ul" class="nav navbar-nav hidden-xs">
				</ul>
				<ul class="nav navbar-nav navbar-right m-n hidden-xs nav-user">
					<li class="dropdown"><a href="index.html#"
						style="font-family: -webkit-pictograph;" class="dropdown-toggle"
						data-toggle="dropdown"> <span
							class="thumb-sm avatar pull-left"> <img
								src="${ctx}/notebook/notebook_files/avatar.jpg">
						</span> site:${sessionScope.siteMap.siteName } ,
							${userFormMap.accountName} <b class="caret"></b>
					</a>
						<ul class="dropdown-menu animated fadeInRight">
							<span class="arrow top"></span>
							<li><a href="logout.shtml" style="color: gray;"><span
									class="glyphicon glyphicon-transfer"></span> 切换站点</a></li>
							<li><a href="logout.shtml" style="color: gray;"><span
									class="glyphicon glyphicon-log-in"></span> 注销</a>
							</li>
							<%--修改密码--%>
							<li>
								<a id="editPwd" onclick="updatePasswordLayer()" style="color: gray;"><span class="glyphicon glyphicon-user"></span> 修改密码</a>
							</li>
						</ul></li>
				</ul>
		</header>
		<section>
			<section class="hbox stretch">
				<!-- .aside -->
				<aside class="bg-dark lter aside-md hidden-print hidden-xs" id="nav" style="background-color: #367be9">
					<section class="vbox">
						<!-- <header class="header bg-primary lter text-center clearfix">
							<div class="btn-group">
							系统菜单
							</div>
						</header> -->
						<section class="w-f" >
							<div class="slim-scroll" data-height="auto"
								data-disable-fade-out="true" data-distance="0" data-size="5px"
								data-color="#333333">
								<!-- nav -->
								<nav class="nav-primary hidden-xs">
									<ul class="nav">
										<c:forEach var="key" items="${list}" varStatus="s">
											<!-- <li class="active"> 某一项展开-->
											<li><a href="javascript:void(0)"> <c:if
														test="${s.index==0}">
														<i class="fa fa-dashboard icon" style="color: white"> <b class="bg-danger"></b>
														</i>
													</c:if> <c:if test="${s.index==1}">
														<i class="fa fa-pencil-square icon" style="color: white"> <b
															class="bg-warning"></b>
														</i>
													</c:if> <c:if test="${s.index==2}">
														<i class="fa fa-columns icon" style="color: white"> <b class="bg-primary"></b>
														</i>
													</c:if> <c:if test="${s.index==3}">
														<i class="fa fa-book icon" style="color: white"> <b class="bg-info"></b>
														</i>
													</c:if> <c:if test="${s.index==4}">
														<i class="fa fa-th-list icon" style="color: white"> <b class="bg-success"></b>
														</i>
													</c:if> <c:if test="${s.index==5}">
														<i class="fa fa-dashboard icon" style="color: white"> <b class="bg-danger"></b>
														</i>
													</c:if> <c:if test="${s.index==6}">
														<i class="fa fa-pencil-square icon" style="color: white"> <b
															class="bg-warning"></b>
														</i>
													</c:if> <c:if test="${s.index==7}">
														<i class="fa fa-columns icon" style="color: white"> <b class="bg-primary"></b>
														</i>
													</c:if> <c:if test="${s.index==8}">
														<i class="fa fa-book icon" style="color: white"> <b class="bg-info"></b>
														</i>
													</c:if> <c:if test="${s.index==9}">
														<i class="glyphicon glyphicon-cog" style="color: white"> <b class="bg-success"></b>
														</i>
													</c:if> <c:if test="${s.index==10}">
														<i class="fa fa-dashboard icon" style="color: white"> <b class="bg-danger"></b>
														</i>
													</c:if> <c:if test="${s.index==11}">
														<i class="fa fa-pencil-square icon" style="color: white"> <b
															class="bg-warning"></b>
														</i>
													</c:if> <c:if test="${s.index==12}">
														<i class="fa fa-columns icon" style="color: white"> <b class="bg-primary"></b>
														</i>
													</c:if> <c:if test="${s.index==13}">
														<i class="fa fa-book icon"> <b class="bg-info" ></b>
														</i>
													</c:if> <c:if test="${s.index==14}">
														<i class="fa fa-th-list icon"> <b class="bg-success"></b>
														</i>
													</c:if> <span class="pull-right"> <i
														class="fa fa-angle-down text" style="color: white"></i> <i
														class="fa fa-angle-up text-active"></i>
												</span> <span style="color: white">${key.name}</span>
											</a>

												<ul class="nav lt">
													<c:forEach var="kc" items="${key.children}">
                                                        <%--style="background-color: #c7ddef; opacity: 0.8"--%>
														<c:choose>
															<c:when test="${kc.id == 198}">
																<li class="active change"><a href="http://192.168.0.19:8080/IE-MES/kanban/open.shtml"
																							 nav-n="${key.name},${kc.name},${kc.resUrl}?id=${kc.id}" target="_blank">
																	<i class="fa fa-angle-right" style="visibility: hidden"></i> <span style="color: white">${kc.name}</span>
																</a></li>
															</c:when>
															<c:otherwise>

																<li class="active change"><a href="javascript:void(0)"
																							 class="active"
																							 nav-n="${key.name},${kc.name},${kc.resUrl}?id=${kc.id}">
																	<i class="fa fa-angle-right" style="visibility: hidden"></i> <span style="color: white">${kc.name}</span>
																</a></li>

															</c:otherwise>
														</c:choose>

													</c:forEach>
												</ul></li>
										</c:forEach>
									</ul>
								</nav>
								<!-- / nav -->
							</div>
						</section>
						<%--<footer class="footer lt hidden-xs b-t b-dark"> </footer>--%>
					</section>
				</aside>
				<!-- /.aside -->

				<section id="content">
					<section id="id_vbox" class="vbox">
						<ul class="breadcrumb no-border no-radius b-b b-light" id="topli">
						</ul>
						<section class="scrollable" style="margin-top: 35px;">
							<div id="loadhtml"></div>
						</section>
					</section>
				</section>
			</section>
		</section>
	</section>
	<!-- Bootstrap -->
	<div id="flotTip" style="display: none; position: absolute;"></div>
</body>

</html>